<!DOCTYPE html>
<html>

<head>
    <title>霞客</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico" type="imge/x-icon">
    <style type="text/css">
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }
        
        #banner {
            height: 630px;
        }
        
        .swiper-container {
            width: 100%;
            height: 632px;
        }
        
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
    </style>
</head>

<body>
    <!-- 页面的顶部 -->
    <div id="top">
        <div class="container"></div>
    </div>
    <!-- 页面的头部 -->
    <div id="header">
        <div class="container">
            <div class="header_left left">
                <div class="xlwb"></div>
                <div class="txwb"></div>
                <div class="tel">4001-666-888</div>
            </div>
            <ul class="right">
                <li><a href="Login.html">登录</a></li>
                <li><a href="Login.html">注册</a></li>
                <li><a href="#">积分兑换</a></li>
                <li><a href="#">帮助中心</a></li>
                <li class="shop_car"><span></span><a href="#">我的查看</a></li>
            </ul>
        </div>
    </div>
    <!-- 页面的导航 -->
    <div id="nav">
        <div class="container">
            <div class="logo left">
                <img src="img/logo.jpg" width="100px" height="100px">
            </div>
            <ul class="right">
                <li><a href="#">目的地</a></li>
                <li><a href="shanghai.html" target="_blank">上海</a></li>
                <li><a href="beijing.html" target="_blank">北京</a></li>
                <li><a href="xizang.html" target="_blank">西藏</a></li>
                <li><a href="#">南昌</a></li>
                <li><a href="#">其它</a></li>
            </ul>
        </div>
    </div>
    <!-- 页面的banner部分 -->
    <div id="banner">
        <!-- <div class="container"></div> -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/timg1.jpg" width="100%;" height="630"></div>
                <div class="swiper-slide"><img src="img/timg2.jpg" width="100%;" height="630"></div>
                <div class="swiper-slide"><img src="img/timg3.jpg" width="100%;" height="630"></div>
                <div class="swiper-slide"><img src="img/timg4.jpg" width="100%;" height="630"></div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div class="banner-nav-bg"></div>
    </div>
    <!-- 页面的部分 -->
    <div> sfs
        <div class="ztb">
            <h1 class="curry">给您的推荐</h1>
        </div>
    </div>
    <div id="star">
        <div class="container">
            <div class="star_top">
                <!-- <img src="img/i-c-title.png">  -->

            </div>
            <ul>
                <li>
                    <div>
                        <img src="img/sh.jpg">
                    </div>
                    <h2>N1</h2>
                    <p>上海</p>
                    <p class="money">&yen;2000 五日游(团购7折) <span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/bj.jpg">
                    </div>
                    <h2>N2</h2>
                    <p>北京</p>
                    <p class="money">&yen;2100 五日游(团购7折) <span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/xz.jpg">
                    </div>
                    <h2>N3</h2>
                    <p>西藏</p>
                    <p class="money">&yen;2700 五日游(团购7折) <span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/xy.jpg">
                    </div>
                    <h2>N4</h2>
                    <p>新余</p>
                    <p class="money">&yen;1000 五日游(团购7折) <span></span></p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的精选部分 -->
    <div id="accessory">
        <div class="container">
            <div class="acc_top">
                <!-- <img src="img/wb.png"> -->
                <div class="ztb">
                    <h1 class="curry">为您精心挑选路线</h1>
                </div>
            </div>
            <div class="acc_main">
                <div class="acc_left left">
                    <div>
                        <img src="img/ztb.jpg">
                    </div>
                    <div class="acc_all">
                        <p>精选旅游路线</p>
                        <ul>
                            <li>线路1</li>
                            <li>线路2</li>
                            <li>线路3</li>
                            <li>线路4</li>
                            <li>线路5</li>
                            <li>线路6</li>
                        </ul>
                        <h2 class="line"></h2>
                        <p class="acc">全部线路<span></span></p>
                    </div>
                    <div>
                        <img src="img/tzb.jpg">
                    </div>
                    <div>
                        <img src="img/bzt.jpg">
                    </div>
                </div>
                <div class="acc_right right">
                    <div>
                        <img src="img/zbt.jpg">
                    </div>
                    <div>
                        <img src="img/btz.jpg">
                    </div>
                    <div>
                        <img src="img/tbz.jpg">
                    </div>
                    <div>
                        <img src="img/z.jpg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面的搜索部分 -->
    <div id="world">
        <div class="container">
            <div class="world_top">

                <div class="ztb">
                    <h1 class="curry">顶级攻略社区</h1>
                </div>
            </div>
            <div class="world_main">
                <div class="world_left left">
                    <div class="a1 fade">
                        <div>
                            <img src="img/b.jpg">
                        </div>

                    </div>
                    <div class="a2 fade">
                        <div>
                            <img src="img/z1.jpg">
                        </div>

                    </div>
                    <div class="a3 fade">
                        <div>
                            <img src="img/t1.jpg">
                        </div>
                    </div>
                    <div class="a4 fade">
                        <div>
                            <img src="img/p.jpg">
                        </div>
                    </div>
                </div>
                <div class="world_right right">
                    <div class="world_title">
                        <div class="news">动态</div>
                        <div class="weibo">微博</div>
                    </div>
                    <ul>
                        <li>
                            <dl>
                                <dt>
								<img src="img/20150227161036GqO59Dvta2.jpg">
							</dt>
                                <dd>霞客 心心向你 给你一个完美的旅游计划</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>
								<img src="img/20150227161036GqO59Dvta2.jpg">
							</dt>
                                <dd>霞客 心心向你 给你一个完美的旅游计划</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>
								<img src="img/20150227161036GqO59Dvta2.jpg">
							</dt>
                                <dd>霞客 心心向你 给你一个完美的旅游计划</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>
								<img src="img/20150227161036GqO59Dvta2.jpg">
							</dt>
                                <dd>霞客 心心向你 给你一个完美的旅游计划</dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面的服务部分 -->
    <div id="serve">
        <div class="container">
            <ul>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的服务部分 -->
    <div id="after_sale">
        <div class="container">
            <ul>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><span class="xl"></span><a href="#">新浪微博</a></li>
                        <li><span class="xl"></span><a href="#">腾讯微博</a></li>
                        <li><span class="xl"></span><a href="#">人人网</a></li>
                        <li><span class="xl"></span><a href="#">QQ空间</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的底部 -->
    <div id="footer">
        <div class="container">
            <p>

                <span>@2020 南昌市xxxxxxx</span>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
            </p>
        </div>
    </div>

    <script type="text/javascript" src="js/swiper.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            loop: true,
            autoplay: 3000,


            speed: 1000,
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
            effect: 'fade', //  effect: 'flip',effect: 'coverflow',slide', 'fade',cube
            grabCursor: true,
            cube: {
                shadow: false,
                slideShadows: false,
                shadowOffset: 20,
                shadowScale: 0.94
            }
        });
    </script>
</body>

</html>